<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文本样式</title>
		<style type="text/css">
			.c1,.c2{
				display: block;
			}
			#box1,#box2{
				display: inline;
			}
		</style>
	</head>
	<body>
		<!--
        	行块级标签互相转换使用附 display中block属性即可,块级转换为行级则为display属性值为inline
        	所以，最好不要对行级标签赋行高、宽长、背景颜色
        -->
        <a href="#" class="c1">百度</a>
        <a href="#" class="c2">新浪</a>
        <div id="box1">
        	我是盒子1
        </div>
        <div id="box2">
        	我是盒子2
        </div>
        
	</body>
</html>
